@import './common.less';
@barWidth: 30px;

.add-blog {
	background-color: @navLinkActiveBGColor;
}

#add-blog {
	height: calc(~"100% - 45px");

	> .tool-bar {
		width: 100%;
		height: @barWidth;
		line-height: @barWidth;
		padding-left: 10px;

		> i {
			color: #666;
			margin-right: 20px;
			transition: font-size @animationTime;

			&:hover {
				color: #444;
				cursor: pointer;
				font-size: 20px;
			}
		}
	}

	> textarea {
		font-size: 20px;
		line-height: 30px;
		padding: .5rem;
		display: inline-block;
		width: 100%;
		height: calc(~"100% - @{barWidth}");
		border: none;
		resize: none;
		outline: none;
		background-color: #fffcf1;
		font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

		&::-webkit-scrollbar {
			width: 6px;
		}

		&::-webkit-scrollbar-thumb {
			background-color: #486083;
			border-radius: 4px;
			width: 4px;
		}
	}
}

@import './modal.less';
